.el-date-editor.el-date-editor--time {
  width: 240px;

  &.el-input--medium .el-input__inner {
    line-height: 40px;
    height: 40px;
    font-size: @font-title;
    color: @color-summary;
  }

  .el-input__prefix,
  .el-input__suffix-inner {
    color: #444;
  }

  .el-input__inner::-webkit-input-placeholder {
    color: @color-sup;
  }

  .el-input__inner:-ms-input-placeholder {
    color: @color-sup;
  }

  .el-input__inner::-ms-input-placeholder {
    color: @color-sup;
  }

  .el-input__inner::placeholder {
    color: @color-sup;
  }
  &.el-input.is-disabled .el-input__inner {
    border-color: @color-border;
  }

  .el-range-separator {
    width: initial;
    color: @color-sup;
  }

  &.el-input__inner:hover {
    border-color: @color-primary;
  }

  &.db-date-picker {
    border-color: #e5e5e5 !important;
    border-radius: 2px !important;
    padding: 1px 10px !important;
    height: auto !important;

    &.is-disabled {
      background-color: #f2f2f2 !important;

      input {
        background-color: #f2f2f2 !important;
      }
    }
  }

  &.el-input--medium {
    .el-input__icon {
      line-height: 40px !important;
      color: @color-sup;
    }
  }

  &.el-input.is-disabled .el-input__inner {
    background: @color-light-gray;
  }
}

.el-time-panel__content::after,
.el-time-panel__content::before {
  border: none;
  background: @color-light-gray;
  width: 100%;
  margin: 0;
  top: 0;
}
.el-time-spinner__wrapper {
  .el-scrollbar__wrap {
    border-right: 1px solid rgba(0, 0, 0, 0.06);
  }
  .el-time-spinner__list::before {
    height: 0;
  }
  .el-time-spinner__list::after {
    height: 145px;
  }
}
.el-time-panel.el-popper {
  width: auto;
  .el-time-spinner__wrapper {
    width: 56px;
    .el-time-spinner__item {
      font-size: @font-content;
      color: @color-summary;
    }
  }
}
.el-time-spinner__list {
  .el-time-spinner__item.active:not(.disabled) {
    color: @color-normal;
    font-weight: 500;
  }
  .el-time-spinner__item:hover:not(.disabled):not(.active) {
    background: rgba(82, 176, 254, 0.1);
  }
}

.el-time-panel.el-popper[x-placement^="top"] {
  margin-bottom: 4px;
  .popper__arrow {
    display: none;
  }
}
.el-time-panel.el-popper[x-placement^="bottom"] {
  margin-top: 4px;
  .popper__arrow {
    display: none;
  }
}
.el-range-editor--medium.el-input__inner {
  border-radius: 2px;
}
